body{background:#bc0 url(//software1234.googlecode.com/svn/skin.jpg) repeat center;margin:0;font:20px Niconne;color:#ddd;overflow:hidden;
}
/*animasi loading*/
body:before{content:"Loading...!!!";font:bold 100px Courier New,Courier,monospace;color:#bc0;text-shadow:-1px 0 #555,0 1px #555,1px 0 #555, 0 -1px #555;position:fixed;top:30%;left:10%;z-index:-9999;
}
body:after{content:"Please Wait";font:bold 70px Niconne;color:#fff;text-shadow:-1px 0 #555,0 1px #555,1px 0 #555, 0 -1px #555;position:fixed;top:25%;right:10%;z-index:-9999;
}
#dock-skin:after{content:"Loading Please Wait...!!";font:bold 50px Niconne;color:#fff;text-shadow:-1px 0 #555,0 1px #555,1px 0 #555, 0 -1px #555;position:absolute;bottom:40%;right:25%;z-index:-9999;
}
@keyframes myfirst{from{opacity:0;}to{opacity:10;}
}
@-moz-keyframes myfirst{from{opacity:0;}to{opacity:10;}
}
@-webkit-keyframes myfirst{from{opacity:0;}to{opacity:10;}
}
@keyframes{from{transform:translate(0px, 9000px)}to{transform:translate(0px, 0px)}
}
@-moz-keyframes{from{-moz-transform:translate(0px, 9000px)}to{-moz-transform:translate(0px, 0px)}
}
@-webkit-keyframes{from{-webkit-transform:translate(0px, 9000px)}to{-webkit-transform:translate(0px, 0px)}
}
.loading,#loading{animation:myfirst 15s;-moz-animation:myfirst 15s;-webkit-animation:myfirst 15s;
}
a:link,a:visited{color:#ddd;text-decoration:none;
}
a:hover{color:#fc0;
}
.homes{position:absolute;top:0;left:0;width:100%;height:100%;background:#bc0;
}
/*menu*/
.menu{position:absolute;top:0;left:0;width:40%;height:100%;overflow:hidden;
}
.head{position:relative;height:85px;background:#ba0;font:70px/85px Niconne;color:#ccc;border-radius:0 0 100% 0;border-bottom:4px solid;border-right:2px solid;padding-left:5px;box-shadow:0 0 0 1px #999;text-shadow:-1px 0 #777,1px 0 #777,0 -1px #777,0 1px #777;
}
.head:after{position:absolute;top:10px;left:170px;content:"bhelatos";font:40px Niconne;color:#777;text-shadow:-1px 0 #ddd,1px 0 #ddd,0 -1px #ddd,0 1px #ddd;
}
.head:before{content:"";position:absolute;top:95px;left:0;width:150%;height:1px;border-bottom:1px solid;
}
.cueros{position:fixed;top:25px;left:300px;width:250px;height:auto;border-radius:3px;padding:5px;background:#aa0;border:1px solid #ddd;box-shadow:0 0 0 1px #777;z-index:2;-webkit-transition:all 1s ease-in;transition:all 1s ease-in;
}
.cueros p{font:bold 20px Niconne;color:#555;margin:2px;text-align:center;
}
.cueros:after{content:"";position:absolute;left:-22px;top:5px;left:-22px;width:0;height:0;border-top:10px solid transparent;border-right:20px solid #555;border-bottom:10px solid transparent;
}
.cueros1{border-radius:5px;background:#ca0;border:1px solid #ccc;padding:4px;font:14px Niconne;color:#555;text-shadow:0 0 1px #cf0
}
.nav ul:hover .cueros{opacity:0;
}
.nav{position:relative;margin-top:0;width:95%;height:auto;padding-left:15px;padding-bottom:10px;
}
.nav ul,.nav li{margin:0;padding:0;font:bold 50px Niconne;color:#ba0;text-shadow:-1px 0 #ddd,1px 0 #ddd,0 -1px #ddd,0 1px #ddd,-2px 0 #ba0,2px 0 #ba0,0 -2px #ba0,0 2px #ba0;list-style:none;
}
.nav a{font-size:30px;color:#aa0;margin-left:20px;text-decoration:none;text-shadow:0 0 2px #fff;
}
.nav a:hover{color:#bc0;text-shadow:-1px 0 #ddd,1px 0 #ddd,0 -1px #ddd,0 1px #ddd;
}
.nav li:hover{color:#ccc;text-shadow:-1px 0 #666,1px 0 #666,0 -1px #666,0 1px #666;
}
.nav:before{content:"";position:absolute;top:0;left:65px;height:150%;width:1px;border-left:1px solid;
}
.nav:after{content:"";position:absolute;bottom:0;left:0;width:150%;height:1px;border-bottom:1px solid;
}
/*post konten*/
.konten{width:70%;height:95%;position:relative;float:right;margin:20px 0 0 0;background:#be0 url(//software1234.googlecode.com/svn/Anzello.png) no-repeat center top;background-size:60% 80%;border-radius:50% 0 0 0;border-left:4px solid;border-top:2px solid;border-bottom:2px solid;overflow:hidden;
}
.about{position:fixed;bottom:40px;right:5px;background:#bc0;width:60%;height:auto;border-radius:5px;border:1px solid #ddd;padding:5px;font-size:18px;color:#ddd;text-align:justify;box-shadow:0 0 0 1px #777;z-index:2;
}
.about,.isi1,.isi2,.isi3,.isi4,.isi5{display:none;
}
.about1{border-radius:10px;border:1px solid #ddd;padding:10px;background:rgba(0,0,0,.5);
}
.about1 a{color:#fa0;
}
.about1 a:hover{color:#a00;
}
/*isi konten*/
.isi1,.isi2,.isi3,.isi4,.isi5{position:fixed;top:0;left:0;width:100%;height:100%;background:#be0 url(//software1234.googlecode.com/svn/Anzello.png) no-repeat center left;background-size:35% 75%;z-index:3;overflow:auto;
}
.isi1:before,.isi2:before,.isi3:before,.isi4:before,.isi5:before{content:"* Coryright on 2013 by : Binkbenk *";background:#bb0;position:fixed;top:0;left:0;width:100%;font:16px Niconne;text-align:left;text-shadow:-1px 0 #666,0 1px #666,1px 0 #666, 0 -1px #666;padding:0px 0 0 50px;border-bottom:2px solid;box-shadow:0 0 0 1px #999;
}
.isi1:after,.isi2:after,.isi3:after,.isi4:after,.isi5:after{content:"";background:#ddd;position:fixed;top:15px;left:10px;width:15px;height:15px;border-radius:100%;border:4px solid #ba0;box-shadow:0 0 0 2px #ddd,inset 0 0 0 1px #444;
}
.pos{position:absolute;top:10%;right:5%;background:#bc0;width:60%;height:auto;border-radius:5px;border:1px solid #ddd;padding:5px;font-size:18px;color:#ddd;text-align:justify;box-shadow:0 0 0 1px #777;
}
.pos:before{width:180px;position:absolute;top:-30px;left:-50px;content:"CueroS";padding:10px;background:#aa0;border-radius:100%;border:1px solid #ddd;box-shadow:0 0 3px 3px #555,inset 0 0 0 1px #777;font:40px Niconne;color:#ddd;text-shadow:-1px 0 #666,0 1px #666,1px 0 #666, 0 -1px #666;
}
.pos:after{position:absolute;top:-20px;left:40px;content:"bhelatos*";font-size:30px;color:#a00;text-shadow:-1px 0 #ddd,0 1px #ddd,1px 0 #ddd, 0 -1px #ddd;
}
.pos1{border-radius:10px;border:1px solid #ddd;padding:5px;background:rgba(0,0,0,.5);height:350px;font-size:20px;text-align:justify;overflow:auto;
}
.pos2{border-radius:3px;border:1px solid #ddd;padding:10px;background:#aa0;font-size:18px;text-align:justify;
}
/*new post*/
#toc-outer{width:auto;border-radius:5px;border:1px solid #000;margin:5px;font:10px/11px "Lucida Grande",Tahoma,Verdana,Arial,Sans-Serif;color:#222;text-align:justify;text-shadow:none;background-color:#ab0;overflow:hidden;
}
#toc-outer:hover{background:#eee;
}
#toc-outer:hover .itemfoot{background:#999;
}
#toc-outer a{color:#333;
}
#toc-outer a:hover{color:#fc0;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000, 0 -1px #000;text-decoration:none;
}
#loadingscript{background:#F6EFBB url('https://sites.google.com/site/binkbenk77/image-loader.gif?attredirects=0') no-repeat 50% 46%;padding:10px;height:305px;text-indent:-9999px;-webkit-box-shadow:inset 0px 0px 0px 5px #000;-moz-box-shadow:inset 0px 0px 0px 2px #000;box-shadow:inset 0px 0px 0px 2px #000;
}
.itemposts{margin:2px auto 0px;padding:5px;height:auto;overflow:hidden;display:block;border-bottom:1px solid #000;
}
.itemposts h6{margin:0;font:bold 11px/12px "lucida Grande",Tahoma,Verdana,Arial,Sans-Serif;padding:4px;background-color:#888;border-radius:2px;border:1px solid #000;text-transform:capitalize;
}
.itemposts img{float:left;height:30px;width:50px;margin:0 5px 5px 5px;padding:2px;background-color:#ddd;border-radius:4px;border:1px solid #222;
}
.itemposts img:hover{background:#fa0
}
.itemposts .iteminside {margin:5px;font-style:italic;
}
.itemposts .itemfoot{padding:2px;margin:0 0 2px 0;background-color:#ddd;border:1px solid #000;color:#222;overflow:hidden;
}
.itemposts .itemfoot a.itemrmore{font-weight:bold;color:#000;float:right;
}
#itempager{background-color:#000;padding:4px;color:#777;border-top:1px solid #000;position:relative;margin:-2px 0 0 0;
}
#pagination, #totalposts{text-align:center;cursor:help;
}
#pagination{margin:4px;
}
#pagination span, #pagination a{font-size:10px;font-weight:bold;color:#555;display:inline;margin:0 1px;padding:2px 5px;text-indent:0px;background-color:#999;text-decoration:none;border:1px solid #ddd;
}
#pagination a:hover,#pagination span.actual{background-color:#fc0;color:#ddd;
}
#pagination span.hidden{display:none;
}
/*blog arsive*/
.pos1 p,.sublabel{padding:0;border-radius:5px;border-left:1px solid #ddd;border-bottom:1px solid #ddd;border-right:1px solid #ddd;font:12px Courier New,Courier,monospace;
}
.judul-label{background:#ba0;font:20px Niconne;color:#ddd;padding:2px;border-top:1px solid #ddd;border-bottom:1px solid #777;
}
.judul-label:hover{background:#fc0;color:#777;box-shadow:inset 0 0 4px #000;
}
.sublabel{background:#ccc;box-shadow:inset 0 0 0 1px #777;
}
.sublabel:hover{background:#eee;box-shadow:inset 0 0 5px #000;
}
.sublabel ol{list-style:square;margin:10px;
}
.headactive{background:#B40404;font:bold 20px Niconne;color:#fff;border-top:1px solid #ddd;border-bottom:1px solid #777;box-shadow:inset 0 0 2px #ddd;margin:0;padding:2px;
}
.sublabel a:link,.sublabel a:visited{color:#666;text-decoration:none;
}
.sublabel a:hover{color:#f00;
}
/*big font*/
.trade{font:30px Niconne;color:#ddd;text-align:center;
}
.merek{font:bold 35px Courier New,Courier,monospace;color:#aaa;text-shadow:-1px 0 #666,1px 0 #666,0 -1px #666,0 1px #666;text-align:center
}
.big{float:left;margin:5px 5px 2px 2px;font:60px/40px Niconne;color:#aaa;text-shadow:-1px 0 #666,1px 0 #666,0 -1px #666,0 1px #666;
}
/*pencarian*/
.goleki{width:80%;text-align:center;margin:30px auto 20px auto;
}
form{width:100%;margin:0 auto;background:#333;border-radius:5px;border:1px solid #fff;box-shadow:0 0 5px #000;padding:2px;height:40px;
}
#search input[type="text"] {background:#ddd;font:18px Niconne;color:#777;text-align:left;width:80%;height:38px;float:left;padding:0 5px 0 5px;border:1px solid #fff;box-shadow:inset 0 0 5px #000;-webkit-transition:all 0.5s ease-in;transition:all 0.5s ease-in;border-radius:50px;
}
#search input[type="text"]:hover {background:#fc5;border-radius:3px;border:1px solid #ddd;box-shadow:inset 0 0 5px #000;color:#fff;
}
#search input[type="text"]:focus {background:#fff;border-radius:50px;border:1px solid #ddd;box-shadow:inset 0 0 10px #000;color:#777;
}
#cari{background:#555 url(http://1.bp.blogspot.com/-7JJIq-zwDUM/UIayN81BnpI/AAAAAAAACQA/_zi-PTrGoK4/s400/search.png) no-repeat center;background-size:70% 50%;width:15%;height:40px;border-radius:100%;border:1px solid #fff;box-shadow:0 0 2px #333;font:bold 14px Quintessential;text-align:center;color:#fff;cursor:pointer;-moz-transition:all 0.3s;transition:all 0.3s;z-index:10;
}
#cari:hover{background:#fc0 url(http://1.bp.blogspot.com/-7JJIq-zwDUM/UIayN81BnpI/AAAAAAAACQA/_zi-PTrGoK4/s400/search.png) no-repeat center;background-size:70% 50%;width:15%;height:40px;border:1px solid #fff;box-shadow:0 0 5px #000,inset 0 0 5px #000;-webkit-transform:rotate(20deg);-moz-transform:rotate(10deg);transform:rotate(10deg);
}
/*foter*/
.nav1{position:fixed;bottom:70px;left:230px;width:250px;height:auto;border-radius:3px;padding:5px;background:#ca0;border:1px solid #ddd;box-shadow:0 0 0 1px #777;z-index:2;
}
.nav1 p{font:bold 20px Niconne;color:#ddd;margin:2px;text-align:left;
}
.nav1:after{content:"";position:absolute;bottom:-22px;left:5px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:20px solid #444;
}
.nav2{border-radius:5px;background:rgba(0,0,0,.5);border:1px solid #ccc;padding:4px;font:15px Niconne;color:#ddd;
}
.foter{background:#ba0;position:fixed;bottom:0;left:0;width:100%;font-size:20px;text-align:center;text-transform:capitalize;padding:5px 0 5px 0;border-top:2px solid;box-shadow:0 0 0 1px #999;
}
.foter:before{background:#ddd;content:"";position:absolute;bottom:5px;right:10px;width:15px;height:15px;border-radius:100%;border:4px solid #ba0;box-shadow:0 0 0 2px #ddd,inset 0 0 0 1px #444;
}
.come{position:fixed;bottom:40px;right:5px;background:#bc0;width:30%;height:auto;border-radius:5px;border:1px solid #ddd;padding:5px;font-size:18px;color:#ddd;text-align:justify;box-shadow:0 0 0 1px #555;z-index:1;
}
.come:before{content:"";position:fixed;bottom:20px;right:12px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:20px solid #444;z-index:1;
}
.close{position:absolute;top:5px;right:5px;font:bold 14px Courier New,Courier,monospace;color:#ccc;background:#555;border-radius:2px;border:1px solid #ddd;padding:2px;box-shadow:0 0 0 1px #666;
}
.close1{position:absolute;top:3px;right:3px;font:bold 11px Courier New,Courier,monospace;color:#ccc;background:#555;border-radius:2px;border:1px solid #ddd;padding:0 2px 0 2px;box-shadow:0 0 0 1px #666;
}
.close:hover,.close1:hover{background:#a00;
}
/*Clock and Day*/
.jam{position:absolute;bottom:10px;left:40px;background:#bc3;border-radius:5px;border:2px solid;width:200px;padding:10px;text-align:center;box-shadow:0 0 0 1px #888,inset 0 0 0 1px #888;font:bold 25px Courier New,Courier,monospace;color:#ddd;text-shadow:-1px 0 #666,1px 0 #666,0 -1px #666,0 1px #666;
}
.hari{width:200px;position:fixed;top:5px;right:35px;background:#bb0;border-radius:5px;border:1px solid;padding:5px;text-align:center;box-shadow:0 0 0 1px #888,inset 0 0 0 1px #888;font:bold 14px Courier New,Courier,monospace;color:#ddd;text-shadow:-1px 0 #666,1px 0 #666,0 -1px #666,0 1px #666;
}
/*tooltip sleding skin*/
.toltip{position:relative;
}
.toltip span{display:block;position:absolute;top:0;left:-500px;width:300px;height:auto;padding:5px;font:14px Niconne;color:#333;text-shadow:0 0 1px #ddd;text-align:justify;background:#aa0;border-radius:5px;border:1px solid #ddd;box-shadow:0 0 0 1px #777;opacity:0.9;
}
.toltip span:after{content:"";position:absolute;bottom:-22px;left:10px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:20px solid #ddd;
}
.toltip:hover span{position:absolute;top:-100px;left:0;z-index:9;
}
.toltip p{font-size:18px;margin:0 auto 5px;color:#a00;border-bottom:1px solid #ccc;text-align:center;
}
/*Dock Skin*/
#dock-skin{display:none;overflow:hidden;font:18px Courier New,Courier,monospace;color:#A9A9F5;
}
#dock-skin{background:#A9A9F5 url() repeat center;position:fixed;top:0;left:0;right:0;bottom:0;width:auto;height:auto;overflow:hidden;cursor:move;border-left:5px solid #8181F7;border-right:5px solid #8181F7;border-top:5px solid #8181F7;border-bottom:5px solid #8181F7;box-shadow:inset 0 0 0 2px #C4CDE0,inset 0 0 15px #000;z-index:9;
}
#h3{width:100%;height:95px;position:absolute;top:55px;font:bold 105px/95px Courier New,Courier,monospace;text-transform:capitalize;letter-spacing:-15px;background:#8181F7;box-shadow:0 0 0 2px #C4CDE0,0 0 15px #000;cursor:help;
}
.h3-first{font:bold 140px/50px Courier New,Courier,monospace;background:#8181F7;padding-left:10px;letter-spacing:10px;color:#A9A9F5;margin-left:10px;border-radius:10px;border:2px solid #C4CDE0;box-shadow:inset 0 0 10px #000,0 0 5px #000;
}
.copy{position:absolute;top:70px;right:5px;background:#A9A9F5;display:inline-block;padding:3px;border:4px double #8181F7;font:12px Verdana;line-height:10px;color:#8181F7;letter-spacing:1px;
}
.nice:hover{color:#8181F7;
}
.nice{position:absolute;bottom:15%;right:50px;z-index:-999;font:bold 60px Courier New,Courier,monospace;color:#C4CDE0;letter-spacing:-10px;text-shadow: -1px 0px #000, 0px 1px #000, 1px 0px #000, 0px -1px #000,0 0 5px #000;
}
#dock-skin a:link,#dock-skin a:visited{color:#A9A9F5;text-shadow: -1px 0px #000, 0px 1px #000, 1px 0px #000, 0px -1px #000,0 0 10px #000;text-decoration:none;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;
}
#dock-skin a:hover{color:#ddd;
}
#lefdock{position:absolute;width:100%;height:30%;bottom:30%;left:0;display:block;text-align:center;
}
#lefdock a{display:inline-block;width:15%;height:80%;border-radius:20px;padding:5px;border:2px solid #C4CDE0;box-shadow:0px 0px 15px #8181F7,0 0 40px #000,inset 0 0 30px #000;text-align:center;font-size:0px;
}
#lefdock a:hover{border-radius:5px;background-size:85% 95%;display:inline-block;width:15%;height:90%;background-color:#ddd;box-shadow:0 0 50px #000,inset 0 0 10px #000;border:2px solid #C4CDE0;-webkit-transform: rotate(10deg);transform: rotate(10deg);z-index:9;
}
#lefdock .home{background:#8181F7 url(https://sites.google.com/site/binkbenk77/omah.png) no-repeat center;background-size:80% 60%;
}
#lefdock .isi{background:#8181F7 url(https://sites.google.com/site/binkbenk77/isi.png) no-repeat center;background-size:80% 60%;
}
#lefdock .quest{background:#8181F7 url(https://sites.google.com/site/binkbenk77/blog.png) no-repeat center;background-size:80% 60%;
}
#lefdock .follow{background:#8181F7 url(https://sites.google.com/site/binkbenk77/quest.png) no-repeat center;background-size:80% 60%;
}
#lefdock .fb{background:#8181F7 url(https://sites.google.com/site/binkbenk77/kontak.png) no-repeat center;background-size:80% 60%;
}
#thempik{height:auto;width:100%;margin:0 auto;position:absolute;bottom:5px;z-index:-999;
}
#sikil{color:#BDBDBD;font:bold 18px Courier New,Courier,monospace;text-align:center;text-shadow:2px 2px 2px #000;margin:10px;width:auto;padding:10px;background:#8181F7;box-shadow:inset 0 0 20px #000,0 0 10px #000;border-radius:5px;border:2px solid #C4CDE0;
}
#sikil a{color:#BDBDBD;text-shadow:2px 2px 2px #000;
}
#sikil a:hover{color:#ddd;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000, 0 -1px #000;
}
/*button change skin*/
.open{display:block;position:absolute;top:10px;right:100px;padding:5px;background:#ddd;border-radius:0 0 5px 5px;border:1px solid #fff;cursor:pointer;box-shadow:0 0 0 1px #888,inset 0px 0 1px #555;opacity:0.8;font:10px Verdana;
}
.open:before{content:"Change Skin";font:10px Verdana;color:#444;
}
.open:hover{background:#fa0;padding-top:15px;transition:all 0.5s;-webkit-transition:all 0.5s;
}
.closed{display:block;position:absolute;top:-5px;right:150px;padding:5px;background:#8181F7;border-radius:5px;border:1px solid #C4CDE0;box-shadow:0 0 5px #000;cursor:pointer;font:12px Verdana;
}
.closed:before{content:"Change Skin";font:12px Verdana;color:#ddd;text-shadow:0 0 2px #000;
}
.closed:hover{padding-top:15px;
}
/*tooltip dock skin*/
#tooltip{position:relative;
}
#tooltip span{display:block;position:absolute;top:-1000px;font:11px Courier New,Courier,monospace;color:#fff;text-align:center;padding:5px;border-radius:10px;box-shadow:0px 0px 0 1px #000;border:1px solid #ddd;background:#08088A;opacity:0.7;width:200px;z-index:9;
}
#tooltip span:before{content:"i";position:absolute;top:-10px;left:-10px;font:bold 40px/40px Courier New,Courier,monospace;color:#ddd;text-shadow:0 0 3px #000;border-radius:100%;background:#000;border:1px solid #ddd;padding:5px;width:40px;height:40px;
}
#tooltip:hover span{position:absolute;top:-50px;left:0;-webkit-transform:rotate(-10deg);transform:rotate(-10deg);
}
.closed:hover #tooltip span{position:absolute;top:20px;left:0;
}
.open:hover #tooltip span{position:absolute;top:10px;right:0;width:200px;background:#aa0;
}
#tooltip p{font:bold 20px/35px Courier New,Courier,monospace;margin:0 0 0 30px;
}
#tooltip em{font:bold 20px/20px Courier New,Courier,monospace;
}
/*Media Query*/
@media screen and (max-width:800px){
.nav a{font-size:20px;}
.menu{width:auto;}
.head{font:50px/60px Niconne;height:60px;}
.head:after{font-size:20px;}
.head:before{top:70px;}
.pos{height:auto;width:70%;top:10%;right:2%;}
.pos1{height:auto;overflow:auto;}
.cueros,.come,#dock-skin:after,.copy,#tooltip span,#tooltip span:after,#tooltip p{display:none;}
#h3,.nice{font:bold 40px/40px Courier New,Courier,monospace;height:auto;letter-spacing:1px;}
.h3-first{font:bold 50px/30px Courier New,Courier,monospace;}
#sikil{font-size:13px;}
}
@media screen and (max-width:600px){
body:before{font:bold 50px Courier New,Courier,monospace;}
body:after{font:bold 40px Niconne;}
.nav ul,.nav li{font-size:40px;}
.nav a,.trade,.merek{font-size:18px;}
.konten{width:60%;}
.pos{height:auto;width:auto;top:10%;right:2%;left:2%;}
.pos1{height:auto;overflow:auto;}
.foter{font-size:12px;}
.jam,.nav1,.open,.pos:after,.pos:before,.nice{display:none;}
#h3{font:bold 30px/30px Courier New,Courier,monospace;height:auto;letter-spacing:1px;}
.h3-first{font:bold 40px/20px Courier New,Courier,monospace;}
#sikil{font-size:11px;}
}
@media screen and (max-width:400px){
.menu{width:100%;overflow:auto;}
.nav{padding:5px;margin-bottom:50px;}
.nav:before{height:100%;}
.nav:after,.head:before{width:100%;}
.nav ul,.nav li{font-size:30px;}
.nav li{margin:5px;background:#ddd;border-radius:4px;padding:4px;}
.nav a{font-size:20px;}
#h3{font:bold 20px/20px Courier New,Courier,monospace;height:auto;letter-spacing:0;}
.h3-first{font:bold 30px/20px Courier New,Courier,monospace;}
.konten,.toltip span,.toltip span:after,.toltip p,#lefdock .fb{display:none;}
}